<template>
  <el-row class="row-content">
    <el-checkbox></el-checkbox>
    {{MissionItem.index+1}} . {{MissionItem.item}}
    <i class="el-icon-delete icon-delete" @click="deleteMission(MissionItem.index)"></i>


  </el-row>
</template>

<script>
  export default {
    props: {
      MissionItem: Object,
      deleteMission: Function
    },
    data() {
      return {
        name: "MissionItem'",
        tableDataList: []
      }
    },
    watch: {
      MissionItem: {
        handler(val) {
          console.log(val);
          this.tableDataList.push(val);
        },
        // deep: true
      }
    }
  }
</script>

<style scoped>
  .icon-delete {
    color: red;

    margin: 2px 0;
  }
</style>
